<svg xmlns="http://www.w3.org/2000/svg" width="94.5" height="18" role="img" aria-label="chat: online">
<title>chat: online</title>
<linearGradient id="s" x2="0" y2="100%">
  <stop stop-color="#fff" stop-opacity=".7"/>
  <stop offset=".1" stop-color="#aaa" stop-opacity=".1"/>
  <stop offset=".9" stop-color="#000" stop-opacity=".3"/>
  <stop offset="1" stop-color="#000" stop-opacity=".5"/>
</linearGradient>
<clipPath id="r"><rect width="94.5" height="18" rx="4" fill="#fff"/></clipPath>
<g clip-path="url(#r)">
  <rect width="50" height="18" fill="#555"/>
  <rect x="50" width="44.5" height="18" fill="#8f8fff"/>
  <rect width="94.5" height="18" fill="url(#s)"/>
</g>
<g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="110">
  <svg x="5" y="2" width="14" height="14" fill="transparent" stroke="#8f8fff" stroke-width="2" viewBox="0 0 26 20">
    <path d="m 16.3,1.1
             c -0.2, 0.3-0.4, 0.8-0.6, 1.2-1.8,-0.3 -3.7,-0.3 -5.5, 0.0-0.2,-0.4-0.4,-0.9-0.6, -1.2-0.2,-0.3-4.9, 1.2-5.0, 1.4
               -2.8, 4.0-3.9, 8.7-3.5,13.5 2.0, 1.5  4.1, 2.4  6.0, 3.0 0.1, 0.0 0.9,-1.2 1.3, -2.0 0.1,-0.2-2.2,-0.9-1.9,-1.1
                0.3,-0.3 0.4,-0.3 0.4,-0.3 6.9, 3.0 12.0,-0.1 12.2, 0.0 0.1, 0.1 0.3, 0.2 0.4,  0.3 0.2, 0.2-1.7, 0.9-1.9, 1.0
               -0.2, 0.1 1.2, 2.1 1.3, 2.1 1.9,-0.6  3.9,-1.5  6.0,-3.0 0.6,-4.8-0.9,-9.4-3.5,-13.5 0.0,-0.2-4.8,-1.7-5.1,-1.4
             z
             m -7.3,12.0 c -1.2,0-2.2-1.1-2.2-2.4 0-1.3 1-2.4 2.2-2.4 1.2,0 2.2,1.1 2.1,2.4 0,1.3-0.9,2.4-2.1,2.4 z
             m  8.0, 0.0 c -1.2,0-2.2-1.1-2.2-2.4 0-1.3 1-2.4 2.2-2.4 1.2,0 2.2,1.1 2.1,2.4 0,1.3-0.9,2.4-2.1,2.4 z
    "/>
  </svg>
  <text aria-hidden="true" x="345" y="140" fill="#000" fill-opacity=".3" transform="scale(.1)" textLength="230">chat</text>
  <text aria-hidden="true" x="708" y="140" fill="#000" fill-opacity=".3" transform="scale(.1)" textLength="330">online</text>
  <text x="345" y="130" transform="scale(.1)" fill="#fff" textLength="230">chat</text>
  <text x="708" y="130" transform="scale(.1)" fill="#fff" textLength="330">online</text>
</g>
</svg>